<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/reperinfo.css">
</head>

<body>
    <div class="register w">
        <h2>个人信息</h2>
        <div class="reg_form">
            <form action="" class="layui-form ">
                <div class="layui-form-item">
                    <label class="layui-form-label">学号：</label>
                    <div class="layui-input-block">
                        <input type="text" name="number" required lay-verify="required" placeholder=""
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名：</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" required lay-verify="required" placeholder="" autocomplete="off"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">登录密码：</label>
                    <div class="layui-input-block">
                        <input type="text" name="password" required lay-verify="required" placeholder=""
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">确认密码：</label>
                    <div class="layui-input-block">
                        <input type="text" name="confirm" required lay-verify="required" placeholder=""
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">邮箱：</label>
                    <div class="layui-input-block">
                        <input type="email" name="email" required lay-verify="requiered|email" placeholder=""
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">部门：</label>
                    <div class="layui-input-block">
                        <select name="bumeng" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="0">外联部</option>
                            <option value="1">活动部</option>
                            <option value="2">办公室</option>
                            <option value="3">科研部</option>
                            <option value="4">图文中心</option>
                            <option value="5">项管部</option>
                            <option value="6">宣传部</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">职位：</label>
                    <div class="layui-input-block">
                        <input type="radio" name="position" value="干事" title="干事">
                        <input type="radio" name="position" value="部长" title="部长" checked>
                        <input type="radio" name="position" value="理事长" title="理事长">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn layui-btn-lg" lay-submit lay-filter="formDemo">提交</button>
                    </div>
                </div>
            </form>
            <a href="./perinfo.html" class="back"><button class="layui-btn layui-btn-lg"
                    lay-filter="formDemo">返回</button></a>
        </div>
    </div>
    <script src="./layui/layui.js"></script>
    <script src="./js/personal.js"></script>
    <script>
        //Demo
        layui.use(['form', 'layer'], function () {
            var form = layui.form, layer = layui.layer;

            //监听提交
            form.on('submit(formDemo)', function (data) {
                layer.msg(JSON.stringify(data.field));
                return false;
            });
        });
    </script>
</body>

</html>